<div class="wrapper-md" ng-controller="RoleAddOrUpdateCtrl">
	<div class="panel panel-default">
		<ng-form name="roleAddForm" class="form-validation">
			<div class="panel-heading">
			  <h1 class="m-n font-thin h3"><span translate="{{vm.title | translate}}"></span></h1>
			</div>
			<div class="panel-body">
				<div class="form-group ">
					<div class="col-sm-6">
						<label >
							<span class="text-danger">*</span>
							<span translate="role.name"></span>
						</label>
						<input type="text" name="name" class="form-control" ng-model="vm.role.name" id="nameID" 
								maxlength="32" required uib-tooltip="{{'common.op.remind2' | translate}}" />
					</div>
					<div class="col-sm-6">
						<label  translate="common.remark"></label>
						<textarea name="description" id="descriptionID"  maxlength="256"
						 class="form-control"
					 		ng-model="vm.role.description" 
						 uib-tooltip="{{'common.op.remind6' | translate}}"></textarea>
					</div>
					<div class="col-sm-6">
						<label >
							<span translate="role.rolePermission"></span>
						</label>
						<div class="form-control h-auto">
					        <ul iss-ztree="vm.treeSetting" id="archTree" tree-control="vm.treeObj" 
								tree-data="vm.treeData" class="ztree"></ul>
						</div>
					</div>
				</div>
			</div>
			<footer class="panel-footer text-right bg-light lter">
				<button type="button" class="btn btn-default" ng-click="vm.cancel()" translate="common.cancel"></button>
				<button type="button" class="btn btn-primary" ng-click="vm.save()" 
					ng-disabled="roleAddForm.$invalid" translate="common.confirm"></button>
	        </footer>
		</ng-form>
	</div>
</div>